<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
<!-- 浏览器语言环境 -->
  <title>我的博客</title>
  <style type="text/css">
  #header{
        background-color:black;
        color:white;
        text-align:center;
        padding:5px;
}
   #nav{
        line-height:30px;
        background-color:#eeeeee;
        height:300px;
        width:100px;
        float:left;
        padding:5px;
}
   #section {
        width:350px;
        float:left;
        padding:10px;
}
   #footer {
        background-color:black;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
}
  </style>
 </head>
  <body>}
   #section {
        width:350px;
        float:left;
        padding:10px;
}
   #footer {
        background-color:black;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
}
   #section {
        width:350px;
        float:left;
        padding:10px;
}
   #footer {
        background-color:black;
        color:white;
        clear:both;
        text-align:center;
        padding:5px;
}
  </style>
 </head>
  <body>
   <div id="header">
    <h1>我的博客首页</h1>
   </div>
   <div id="nav">
   首页<br>
   新闻<br>
   发现<br>
   </div>
   <div id="section">
   <h2>新闻</h2>
   <p>
   《人民的名义》凭啥豆瓣9.1 腐败官员两面人生
2岁娃溺水家长两次放弃治疗态度强硬，揭真相
蔡澜：被印象派画家们惊为天人的荷兰天才画家
经典好看的韩剧大盘点，看过一半你就是大神！
贾平凹：虽然已去世，但我妈一定还在牵挂着我
这些与死神打交道的人，想和大家谈一谈安乐死
带你认识“来自星星的孩子”——孤独症儿童
必备知识：清明节有啥禁忌以及祭祀中的规矩
   </p>
   <p>
</div>
   <div id="footer">
   www.Blogger.com
  </body>
</html>
